<?php

function startSphere() {



    echo'<div id="experiment">
        
        <div id="cube"   >
        
        <div class="face one"">
            <span class="playlist" >PLAYLIST 1</span>
        
         <span id ="playlist1">       
<div id="f1_card1" class="shadow">
  <div class="front facetest">
    <img src="' . URL_IMG . 'uploads/sonic.jpg">
             
  </div>
  <div class="back facetest center">
  
  </div>
</div>


   </span>

        </div>
        <div class="face two" ">
            <span class="playlist" >PLAYLIST 2</span>
            <span id ="playlist2">

<div id="f1_card2" class="shadow">
  <div class="front facetest">
 <img src="' . URL_IMG . 'uploads/sonic2.jpg">             
  </div>
  <div class="back facetest center">
  
  </div>
</div>



</span>
        </div>
        <div class="face three">
            <span class="playlist" >PLAYLIST 3</span>
            <span id ="playlist3">

<div id="f1_card3" class="shadow">
  <div class="front facetest">
<img src="' . URL_IMG . 'uploads/sonic3.jpg">
    </div>
  <div class="back facetest center">
  
  </div>
</div>
            




</span>
        </div>
        


        <div class="face four">
            <span class="playlist" >PLAYLIST 4</span>
           <span id ="playlist4" > 
           


<div id="f1_card4" class="shadow">
  <div class="front facetest">
<img src="' . URL_IMG . 'uploads/sonic4.gif">
    </div>
  <div class="back facetest center">
  
  </div>
</div>
           




</span>
        </div>
        <div class="face five">
            <span class="playlist" >PLAYLIST 5</span>
         <span id ="playlist5">  
<div id="f1_card5" class="shadow">
  <div class="front facetest">
<img src="' . URL_IMG . 'uploads/sonic5.jpg">    </div>
  <div class="back facetest center">
  
  </div>
</div>
           




</span>
        </div>
        <div class="face six">
            <span class="playlist" >PLAYLIST 6</span>
           <span id ="playlist6"> 
           
  

<div id="f1_card6" class="shadow">
  <div class="front facetest">

<img src="' . URL_IMG . 'uploads/sonic6.jpg">    
</div>
  <div class="back facetest center">
  
  </div>
</div>
           

</span>
               
        </div>	
    </div>';
}

function endSphere() {
    echo'</div></div>';
}

//
//function printPlaylist($face,$playlist_name,$id_playlist){
//    echo ' <div class="face '.$face.'">
//        <a href="#" >
//            <span class="playlist" name="'.$id_playlist.'" >'.$playlist_name.'</span>
//        </div>';
//}
// 
//    
?>


